#Basic Introduction to HTML
Explore tagged Tumblr posts
Text
Uncovering 10 Advanced HTML Tags for Proficient Developers

In the vast universe of web development, HTML (Hypertext Markup Language) stands as the foundation upon which the entire web is built. From simple text formatting to structuring complex web pages, HTML tags play a crucial role in defining the structure, content, and appearance of a website. In this blog post, we're going to delve into the world of HTML tags, focusing on 10 advanced tags that can take your web development skills to new heights.
<canvas>: Unleash Your Creative Side
The <canvas> tag allows you to draw graphics, create animations, and render images directly on a web page. It's an essential tag for creating interactive games, data visualizations, and engaging multimedia content.
<video> and <audio>: Rich Media Experience
Enhance user engagement by embedding videos and audio files using the <video> and <audio> tags. These tags enable you to provide a seamless multimedia experience within your web pages.
<iframe>: Seamless Integration
Want to embed external content like maps, videos, or social media feeds? The <iframe> tag lets you do just that while maintaining a clean and responsive layout.
<progress>: Visualizing Progress
Display progress bars and indicators using the <progress> tag. It's great for showing the status of ongoing tasks, file uploads, or any process that requires visual feedback.
<details> and <summary>: Interactive Disclosure
Create interactive disclosure widgets using the <details> tags and <summary> tags. These are perfect for hiding and revealing additional content or information on demand.
<figure> and <figcaption>: Captioned Images
When you need to associate captions with images, the <figure> tags and <figcaption> tags provide a semantic way to do so, improving accessibility and structure.
<mark>: Highlighting Text
Emphasize specific text within paragraphs or blocks by using the <mark> tag. It's particularly handy for drawing attention to search terms or key points.
<time>: Semantic Time Representation
The <time> tag lets you mark up dates and times in a way that's machine-readable and user-friendly. It's an excellent choice for showing published dates or event schedules.
<article> and <section>: Structured Content
When organizing content, the <article> tags and <section> tags provide semantic structure. <article> is suitable for standalone content like blog posts, while <section> helps group related content together.
Unlock Your Full Coding Potential with WebTutor
If you're looking to master the art of web development and delve deeper into the world of HTML, CSS, JavaScript, and beyond, look no further than WebTutor. This premier online learning platform offers comprehensive courses and tutorials that cater to beginners and advanced learners alike.
With WebTutor, you will experience
Expert Instruction
Learn from industry professionals who are passionate about sharing their knowledge.
Hands-on Practice
Gain practical experience through interactive coding challenges and real-world projects.
Flexible Learning
Study at your own pace, fitting your learning journey into your busy schedule.
Supportive Community
Connect with fellow learners, ask questions, and collaborate on projects in a supportive online environment.
Whether you are a budding web developer or seeking to level up your skills, WebTutor provides the resources and guidance you need to excel in the world of coding. Visit today and embark on a journey of discovery and innovation!
In conclusion, HTML tags are the building blocks of the web, enabling developers to create diverse and engaging experiences for users. By harnessing the power of advanced HTML tags and supplementing your learning with WebTutor, you will be well on your way to becoming a proficient web developer capable of crafting exceptional online experiences.
#Advanced HTML tags#Learn Online HTML#Online HTML Tutorial#Introduction to HTML#HTML tutorials#Learn HTML online#Basic HTML tags#HTML tags
1 note
·
View note
Text
Twine/SugarCube ressources
Some/most of you must know that Arcadie: Second-Born was coded in ChoiceScript before I converted it to Twine for self-publishing (for various reasons).
I have switched to Ren'Py for Cold Lands, but I thought I would share the resources that helped me when I was working with Twine. This is basically an organized dump of nearly all the bookmarks I collected. Hope this is helpful!
Guides
Creating Interactive Fiction: A Guide to Using Twine by Aidan Doyle
A Total Beginner’s Guide to Twine
Introduction to Twine By Conor Walsh (covers Harlowe and not SugarCube)
Twine Grimoire I
Twine Grimoire II
Twine and CSS
Documentation
SugarCube v2 Documentation
Custom Macros
Chapel's Custom Macro Collection, particularly Fairmath function to emulate CS operations if converting your CS game to Twine
Cycy's custom macros
Clickable Images with HTML Maps
Character pages
Character Profile Card Tutorial
Twine 2 / SugarCube 2 Sample Code by HiEv
Templates
Some may be outdated following Twine/SugarCube updates
Twine/Sugarcube 2 Template
Twine SugarCube template
Twine Template II
Twine Template by Vahnya
Sample Code and more resources
A post from 2 years ago where I share sample code
TwineLab
nyehilism Twine masterpost
How to have greyed out choices
idrellegames's tutorials
Interactive Fiction Design, Coding in Twine & Other IF Resources by idrellegames (idrellegames has shared many tutorials and tips for Twine, browse their #twine tag)
How to print variables inside links
How do I create a passage link via clicking on a picture
App Builder
Convert your Twine game into a Windows and macOS executable (free)
Convert your Twine game into a mobile app for Android and iPhone (90$ one-time fee if memory serves me right) // Warning: the Android app it creates is outdated for Google Play, you'll need to update the source code yourself
253 notes
·
View notes
Text
Introduction To HTML
[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]
HTML stands for Hyper Text Markup Language
It is used to create webpages/websites.
It has a bunch of tags within angular brackets <....>
There are opening and closing tags for every element.
Opening tags look like this <......>
Closing tags look like this
The HTML code is within HTML tags. ( // code)
Here's the basic HTML code:
<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>
Line By Line Explanation :
<!DOCTYPE html> : Tells the browser it's an HTML document.
<html> </html> : All code resides inside these brackets.
<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.
<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)
<body> </body> : Everything that appears on the webpage lies within these tags.
<h1> </h1> : It's basically a heading tag. It's the biggest heading.
Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.
<p> </p> : This is the paragraph tag and everything that you want to write goes between this.
<br> : This is used for line breaks. There is no closing tag for this.
-------
Now, we'll cover some <Meta> tags.
Meta tags = Notes to the browser and search engines.
They don’t appear on the page.
They reside within the head tag
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Website Description"> <meta name="Author" content="Your Name"> <meta name="keywords" content="Websites Keywords"> </head>
Line By Line Explanation:
<meta charset="UTF-8"> : Makes sure all letters, symbols, and emojis show correctly.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Makes your site look good on phones and tablets.
<meta name="description" content="Website Description"> : Describes your page to Google and helps people find it.
<meta name="author" content="Your Name"> : Says who created the page.
<meta name="keywords" content="Website's Keywords"> : Adds a few words to help search engines understand your topic.
_____
This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)
If I keep a coding post spree for like 2 weeks, would anyone be interested? o-o
#code#codeblr#css#html#javascript#python#studyblr#progblr#programming#comp sci#web design#web developers#web development#website design#webdev#website#tech#html css#learn to code#school#study motivation#study aesthetic#study blog#student#high school#studying#study tips#studyspo#website development#coding
98 notes
·
View notes
Text
Sources for Celtic History and Paganism!
So today I was reading Ancient Fire: An Introduction to Gaulish Celtic Polytheism by Segomâros Widugeni when it struck me just how many of the sources were the type of thing that wouldn't necessarily come up on a regular search, particularly some out-of-print books, a lot of which are actually available on the Internet Archive! I took some time to take note of each listed source, and tried to see if I could find the right place to request them from (in the case of a handful of articles and theses), find PDF links where they did already exist, basically whatever I could! Some books are available to buy, most secondhand, and while most are available on Amazon, I won't be linking those here. I'd encourage anyone shopping to consider an alternative option if they can! Now, I haven't read through all of these, but the moment I found at least one of them seems to be impossible to find, I was reminded of the dangers of dying media. So I wanted to put these together so anyone could use them. Not every resource listed is in English. Anyway, on to the list~
Cernunnos: Looking a Different Way
By Ceisiwr Serith
https://ceisiwrserith.com/therest/Cernunnos/cernunnospaper.htm
Cernunnos Origin and Transformation of A Celtic Divinity
By Phyllis Fray Bober
https://www.scribd.com/document/460345187/cernunnos-origin-and-transformation-of-a-celtic-divinity-phyllis-fray-bober
Basic Celtic Deity Types
by Alexei Kondratiev
https://naomh-na-tursan.livejournal.com/5752.html
Deep Ancestors: Practicing the Religion of the Proto-Indo-Europeans
Book by Ceisiwr Serith
https://www.scribd.com/document/362472999/Deep-Ancestors-Practicing-the-Religion-of-the-Proto-Indo-Europeans
The Gods of the Celts and the Indo-Europeans
Book by Garrett S. Olmsted
https://www.academia.edu/38135817/The_Gods_of_the_Celts_and_the_Indo_Europeans_revised_2019_
Dictionary of Celtic Myth and Legend
Book by Miranda Aldhouse-Green
https://www.thriftbooks.com/w/dictionary-of-celtic-myth-and-legend_miranda-aldhouse-green/543335/#edition=5215209&idiq=16154030
The Book of The Great Queen: The Many Faces of the Morrigan from Ancient Legends to Modern Devotions
Book by Morpheus Ravenna Further
to tongu do dia toinges mo thuath [“Mi a dyngaf dynged it”], &c.
By John Koch
https://www.academia.edu/7242277/Further_to_tongu_do_dia_toinges_mo_thuath_Mi_a_dyngaf_dynged_it_and_c
Goddesses in Celtic Religion Cult and Mythology: A Comparative Study of Ancient Ireland, Britain and Gaul
By Noémie Beck
http://theses.univ-lyon2.fr/documents/lyon2/2009/beck_n#p=0&a=title
The Integration of Mercury and Lugus: Myth and History in Late Iron Age and Early Roman Gaul
By Krista Ovist
https://archives.library.wales/index.php/integration-of-mercury-and-lugus
Lady with a Mead Cup: Ritual, Prophecy, and Lordship in the European Warband from La Tène to the Viking Age
Book by Michael J. Enright
How to Kill a Dragon: Aspects of Indo-European Poetics
Book by Calvert Watkins
https://ia801404.us.archive.org/view_archive.php?archive=/7/items/twain-mark-a-connecticut-yankee-in-king-arthurs-court/1-ptry.zip&file=How%20to%20Kill%20a%20Dragon%20-%20Aspects%20of%20Indo%20European%20Poetics.pdf
The Celtic Gauls: Gods, Rites and Sanctuaries
Book by Jean-Louis Brunaux
The Apple Branch: A Path to Celtic Ritual
Book by Alexei Kondratiev
https://archive.org/details/applebranchpatht0000kond
Oxford Dictionary of Celtic Mythology
Book by James Mackillop
https://archive.org/details/dictionaryofcelt0000mack
The female deities of the Celtic religion: worship and mythology: a comparative study of ancient Ireland, Great Britain and Gaul
By Noémie Beck
https://theses.fr/2009LYO20084
Celtic Curses
Book by Bernard Mees
https://www.academia.edu/1012094/Celtic_Curses_Woodbridge_Boydell_2009
Guide to Irish Mythology
Book by Daragh Smyth
https://archive.org/details/guidetoirishmyth00smyt
The Sacred Isle
Book by Dáithí Ó hÓgáin
https://archive.org/details/sacredislebelief0000ohog
The Matronae and Matres: Breathing New Life into an Old Religion
By River Devora
http://polytheist.com/the-web-of-blessings/2015/08/12/the-matronae-and-matres-breathing-new-life-into-an-old-religion/
Interpretatio Romana and Matronae Iconography
By River Devora
http://polytheist.com/the-web-of-blessings/2015/08/31/interpretatio-romana-and-matronae-iconography/#:~:text=The%20overlay%20of%20interpretatio%20Romana,and%20plaques%20and%20glean%20valuable
Celtic chiefdom, Celtic state: the evolution of complex social systems in prehistoric Europe
By Arnold, Bettina and Gibson, D. Blair
https://searchworks.stanford.edu/view/3086499
*butacos, *wossos, *geistlos, *ambactos. Celtic Socioeconomic Organisation in the European Iron Age. Studia Celtica 40, 2006: 23-41
By Raimund Karl
https://www.academia.edu/245239/_butacos_wossos_geistlos_ambactos_Celtic_Socioeconomic_Organisation_in_the_European_Iron_Age_Studia_Celtica_40_2006_23_41
The Ancient Celts
Book by Barry Cunliffe
https://archive.org/details/ancientcelts00cunl_0
Sengoidelc: Old Irish for Beginners
Book by David Stifter
https://archive.org/details/sengoidelcoldiri0000stif
Greek Kελτóς and Γαλάτης, Latin Gallus ‘Gaul’
By Kim McCone
https://spr.harrassowitz-library.com/article/spr/2006/1/6
Celtic Heritage: Ancient Tradition in Ireland and Wales
Book by Alwyn and Brinley Rees
https://archive.org/details/in.gov.ignca.36494
Celtic Reconstructionist Paganism
By Erynn Rowan Laurie, Kathryn Price NicDhàna, Aedh Rua Ó Mórríghan, Kym Lambert ní Dhoireann and John Machate, ed. by Erynn Rowan Laurie
https://web.archive.org/web/20080418025755/http://www.witchvox.com/va/dt_va.html?a=usma&c=trads&id=6645
Which witch is which? : a concise guide to Wiccan and Neo-Pagan paths and traditions
Book Compiled and Edited by Patricia Telesco
Sources for the Three Realms
By Annie Loughlin - original source link is dead, need help to locate!
Dictionnaire de la Langue Gauloise
Book by Xavier Delmarre
https://archive.org/details/dictionnairedelal00dela (referred to as “Essential for Gaulish Language study)
The Settling of the Manor of Tara
By R.I. Best
https://www.ucd.ie/tlh/trans/rib.eriu.4.001.t.text.html
The court of law in Iron Age ‚Celtic’ societies. In R. Karl & J. Leskovar (eds.), Interpretierte Eisenzeiten 3. Fallstudien, Methoden, Theorie. Tagungsbeiträge der 3. Linzer Gespräche zur interpretativen Eisenzeitarchäologie. Studien zur Kulturgeschichte von Oberösterreich Folge 22, Linz: Oberösterreichisches Landesmuseum 2009: 135-60.
By Raimund Karl
https://www.academia.edu/245221/The_court_of_law_in_Iron_Age_Celtic_societies_In_R_Karl_and_J_Leskovar_eds_Interpretierte_Eisenzeiten_3_Fallstudien_Methoden_Theorie_Tagungsbeitr%C3%A4ge_der_3_Linzer_Gespr%C3%A4che_zur_interpretativen_Eisenzeitarch%C3%A4ologie_Studien_zur_Kulturgeschichte_von_Ober%C3%B6sterreich_Folge_22_Linz_Ober%C3%B6sterreichisches_Landesmuseum_2009_135_60
Matasović Etymological Dictionary Of Proto Celtic
By Ranko Matasović
https://archive.org/details/matasovic-etymological-dictionary-of-proto-celtic
Hammer of the Gods: Anglo-Saxon Paganism in Modern Times Second Edition
Book by Swain Wodening
https://archive.org/details/hammerofgodsangl0000swai
Various Works by Christopher Scott Thompson - recommended re: honor in Gaulish society
https://cateransociety.wordpress.com/books/
A Handbook of the Scottish Gaelic World
Book by Michael Newton and Michael Steven Newton
Celtic Values
By Alexei Kondratiev
http://dagdacelt.freehostia.com/values.html
European paganism : the realities of cult from antiquity to the Middle Ages
By Ken Dowden
https://archive.org/details/europeanpaganism0000dowd
A Definitive Reconstructed Text of the Coligny Calendar
By Garrett Olmsted
https://www.academia.edu/62011364/A_Definitive_Reconstructed_Text_of_the_Coligny_Calendar
New Calendar of Gaulish Polytheism
By Jess via Nemeton Nigromanitcos
https://thebloodybones.wordpress.com/2015/07/10/new-calendar-of-gaulish-polytheism/#more-265
Calendar of Feast-Days of Deities
Via the blog Deo Mercutio
https://deomercurio.wordpress.com/calendar-of-feast-days-of-deities/
Altkeltische Sozialstrukturen
By Raimund Karl
https://homepage.univie.ac.at/Raimund.Karl/Sozialstrukturen.pdf
La Langue Gauloise
Book by Pierre-Yves Lambert
https://www.scribd.com/document/782869557/Lambert-1994-La-langue-gauloise-description-linguistique-commentaire-d-inscriptions-choisies
Death, War, and Sacrifice: Studies in Ideology & Practice
Book by Bruce Lincoln
The Gods of the Celts
Book by Miranda Aldhouse-Green
https://archive.org/details/godsofceltsar00mira
War Goddess The Morrigan And Her Germano Celtic Counterparts
Book by Angelique Gulermovich Epstein
https://archive.org/details/WarGoddessTheMorriganAndHerGermanoCelticCounterparts
Epigraphik-Datenbank Clauss/Slaby
- Database of “almost all inscriptions ever recorded”
https://db.edcs.eu/epigr/hinweise/hinweis-en.html
A website on Gallo-Roman religion:
http://www.deomercurio.be/en/
A scholarly website with information on Epona:
https://epona.net/
#witch#witchcraft#magic#witchblr#witchy#pagan#paganism#resources#pagan resources#celtic#celtic pagan#roman pagan#gaulish#gaulish paganism#gaulish polytheism#advwitchblr#continental celtic#Cernunnos#Kernunnos#the morrigan#celtic paganism#polytheism#Gaul#Irish paganism
124 notes
·
View notes
Note
Hi Kristi! I'm sure youve already had similar asks but I cannot for the life of me find them. I was wondering how you learned code for your IFs and in general. Did you start with interactive fiction or did you already have an introduction to coding previously? Thanks
Long story short, I took a template (I have a few linked on my itch.io page; I personally used the one from @/cerberus-writes), analyzed it and customized it based on what I understood. It was a lot of trial and error, with a ton of Google searches, but I was so determined to make it my own and stop using Choicescript (which yes, is what I started out with) that I pushed through any difficulties.
To be quite honest, I don't think I could do something like that again, but hey, this goes to show that if you put your mind to something, it can happen.
I've answered a few other asks like this (this is probably my most in depth response to it), but I usually just say that you need to play around with things. If you need more structure, you can always do (free) courses on CodeAcademy or The Odin Project but those mostly show you the basics of the HTML/CSS language, and not necessarily how to construct something you're happy with.
88 notes
·
View notes
Text
Anarcho-communism: an introduction
Disclaimer: I'm not an anarcho-communist, this is an outside view on the ideology. I tried to be as neutral as possible but biases are always included in our works in some way.
This is a basic website I coded entirely by hand in HTML that is a brief and simple overview of anarcho-communism. I made it as a project for school (which I wildly overestimated the amount of effort needed for it) but I wanted other people to get a use out of it. All the sources are cited. Some parts might look strange regarding what I mention (such as the opinions section), these are just parts I needed to include for the grade. Would love some feedback if anybody wants to provide it, I'm open to changing it since it's been graded already!
#anarchocommunism#anarchism#anarcho communism#communism#ideologies#politics#political science#coding#html coding#website#educational#political
36 notes
·
View notes
Text
introduction. hi :)
hello!!
i wanted to document my process of learning to code :) it's something i've always been interested in, but never got to, because i felt like it would take too much time to become good. well, the time will pass anyways, i need a project to stay sane. i have adhd, so it's somewhat of a developing hyperfixation / special interest for me.
i was using sololearn to learn, before i got paywalled :/ -- now i'm using freecodecamp and will probably also use codeacademy. on freecodecamp, i'm doing the certified full stack developer program which will (from my understanding) teach me to code front-end / client side as well back-end. i knew some HTML to begin with, but so far i've finished the basics of HTML mini-course and am on to structural HTML. After the full HTML topic, the course teaches me CSS, Java, Back-End Javascript and Python.
LONG STORY SHORT!! let's be friends, because i love doing this. also i need help. and advice. so much of it. m
#codeblr#studyblr#programming#coding#web development#web developing#progblr#backend development#frontend#frontenddevelopment#html#html css#java#javascript#python#fullstackdevelopment#computer science#stem#stemblr#introduction#looking for moots#mutuals#looking for mutuals
10 notes
·
View notes
Text
Who Are We?
About us:
We are an endogenic system who supports other endos, and we believe all plurals deserve respect! We also like to do Userboxes using HTML
We, at the moment, are composed of 4 individuals, a brief introduction of us for you:
Zadhlan:
Anthropomorphic bee giantess. Harsh and Tough individual who can show affection but doesn't like Tumblr too much.
Lea:
Centaur girl who loves cute stuff, science, and programming, but also loves magic and occultism, basically a Technomancer. She is our first merge and she is eager to interact
Juna:
Anthropomorphic fox with a cyberpunk aesthetic that embraces naturism, is good with technology, is a good manager, and helps us to keep on track with everything happening within the system. She also acts like a brat and pushes us out of our comfort zone.
Matt
That would be me, the Host who is writing this post, I care for people I like and also love programming, I'm pretty much a weeb and love a lot of nerdy and geeky stuff.
Go Away If:
You are a transphobe, racist, xenophobe, or anything like that... You get the gist of it.
You are a douchebag
I mean, just don't be a douche... is it that hard?
A Bit More Info:
We love One Piece
We love Adventure Time
We love games, books, podcasts, and anything related to storytelling
We will love you if you don't give us hate, we will believe in you!
Current Hyperfocus
Stardew Valley
One Piece
Tumblr
Python Programming
Talent Management
DNI because we literally were asked if anti-endos could interact here
Anti-endos
DIP (Do Interact, Please)
Mogai
Traumagenic systems who support endo
People with autism, schizophrenia and any type of mental disorder
Anyone who is not a douche bag
#endo safe#pro endo#pro endogenic#endogenic#endo system#endo friendly#endogenic safe#userbox#intro post#introduction
35 notes
·
View notes
Text
unironically carrd is actually a really good introduction to HTMLCSS. it teaches you about container divs, anchors, padding, margin, etc. i had a much easier time learning at the beginning because of my experience with carrd.
if you know how to make carrds, you really should look into learning HTMLCSS. its really not that hard and you already have a lot of the basic construction knowledge, plus youll have learned an actually impressive skill that you can show off. you can do so much more with it than you can with carrd, and you can use sites like neocities or nekoweb, both are completely free and have cool communities.
theres a million posts out there with lists of links to places to start learning HTML, w3schools is probably the most popular but you can literally just look up “html/css beginners guide” and take your pick. theres a whole world of creative opportunity out there and you’re limiting yourself by sticking to carrd, join the neocities army.
20 notes
·
View notes
Text
Want to upgrade your coding skill to create animations and interactive graphics? This blog covers everything about HTML animation including the Canvas API.
#Basic HTML tagsexplained#Introduction to HTML elements#HTML basics#HTML tutorial#Master HTML#HTML tags#Web development#Learn HTML#HTML for beginners#HTML guide#HTML syntax#Building web pages#Basic HTML elements#Learn HTML elements#Learn Online HTML#Online HTML Tutorial#Introduction to HTML#HTML tutorials#Learn HTML online
0 notes
Text
I'm thrilled to share that I recently completed the SheCodes Basic workshop and earned my certificate! 🎉 This immersive online program provided such a great introduction to web development concepts and skills.
Over the workshop, I gained so much useful knowledge about HTML, CSS, and JavaScript. The hands-on coding challenges let me apply what I was learning in a practical way. I'm proud of all the web pages, interactions and animations I coded from scratch!
I'll be starting the SheCodes Plus where we'll dive deeper into HTML. CSS, JavaScript, Bootstrap and more! Although I still can't decide if I want to be a Frontend Developer or go the Fullstack way��.
Here is a link to my final Basic project:
#software#css#100 days of code#software development#webdev#coding#codeblr#studyblr#progblr#programming#dotnet
78 notes
·
View notes
Text
Day 6 [Forms In HTML]
Introduction To HTML
Day 2 [Multimedia Elements In HTML]
Day 3 [Table in HTML]
Day 4 [Link Tag In HTML]
Day 5 [Lists In HTML]
Forms are basically used for collecting user information. And they are really important to learn. Here's a simple form in HTML:
Code:
Line By Line Explanation:
<form>: Used for creating forms. All the form elements go in this tag. Action: When submitted, data is sent to this file or URL [index.html] Method="post": Sends data
<label> : This describes the input tag for="___": Connects the label to the input with id="name" id : gives a unique identification to the tag <input>: It's used to make the form elements
<input> Type Elements :
type="text" : A simple text box is created.
type="email" : A box to input email.
type="checkbox" : A small square that users can tick. Can select multiple options using this.
type="radio" : A small circle, you can only select one option.
type="submit" : A button that submits the data to the server.
<textarea>: Accepts multiple lines of text. rows="4": It creates 4 lines cols="30": It creates 30 characters
<select> : Creates a drop-down list <option>: Creates an item in the dropdown. value="colorname": This is the data sent to the server if chosen.
Output For The Code:
_______________________
Hope This Helps !!
#code#codeblr#css#html#javascript#python#studyblr#progblr#programming#comp sci#web design#web developers#web development#website design#webdev#website#tech#html css#learn to code#school#study motivation#study aesthetic#study blog#student#high school#studying#study tips#studyspo#website development#coding
34 notes
·
View notes
Text
x-men game!
this project- now known as x-men: xcel- is officially being written and coded! this will be a continually updating game, with no 'full game' release at any point due to the fact this is a passion project and i believe this is easier for me.
the first release is looking like it will cover character creation and basic character/plot introductions. every subsequent update will be either every month or every couple of weeks, depending on how much progress is made.
i am taking suggestions on what could be in the game at this point in time! however i may not take every suggestion offered, so please be kind.
if you are looking to possibly help with this project then please click below:
this is my first time using twine to create a game of this size and as such i do not consider myself a 'master coder' so if you have any HTML or twine skills then please dm me!
if you cannot code but still want to help then these options are available:
playtester (you will be sent smaller updates of the game weekly and you are to tell me any bugs/glitches, ooc moments or even confusing writing you find. if you do not send any feedback within a week then you will not be sent the next weeks progress.)
researcher (you will collect information in a concise way about the necessary characters/plotlines and send it to me)
writer (you will be helping me with writing the game itself, you will need to prove you can be committed to it and that you have the writing skills needed.)
thank you for reading this all and if you feel like you can help in any way then please do feel free to message me!
#x-men: xcel#x-men: the game#x-men#xmen#x men#marvel#marvel comics#x-men comic#xmen comics#x men comics
26 notes
·
View notes
Note
Hey, this isn’t related to the story but I was curious how you got started with twine? Your story inspired me and I want to learn the program so I can make my own. I wanted to see if you had any advice or reference points. Perfectly fine if not, much love regardless!
I've messed with Twine on and off for a while now, so I'm not sure when I actually got into it? It was probably when I originally got into IFs back in like 2015 lol
I use Twine Sugarcube specifically, and I pretty much just watched/read through these:
Twine or Treat: a youtube playlist where a guy shows you how to make a game. Focuses more on making an exploration/puzzle game in Twine, but still has some useful/relevant info
Introduction to Twine: another video playlist, although again, I really only watched what I needed
The Twine Grimoire: there's 3, with each one going through more complicated concepts each volume, includes Harlowe as well as Sugarcube
Sugarcube (and Harlowe) also have their own documentation, but it's so Long and Daunting that I honestly just ignored it when I first started LOL. It's obviously useful to have and reference, but I always need to watch people doing the thing first. I really struggle with just reading through things personally. I'm comfortable enough with Twine now that it isn't overwhelming though lol
Also I'd argue you really only need to learn how to set variables to get started with IFs. Once you know how passages work and how variables work, you're almost set to make an IF.
I'd also recommend learning the very basics HTML and CSS just in case. There's plenty of Twine templates available for free on itch.io, but if you want to adjust them in any way, it's helpful to know CSS/HTML. Also just have fun and mess around! From visual novels to this IF, my learning process has honestly just been 'fuck around and find out' and it's been useful so far! I also think it helps with the inherent anxiety of trying something new too
But yeah, hopefully some of this is helpful/useful to you!
#em answers#programming#twine#twine resources#also also google will be your best friend lmfaO#if you wonder why something isn't working you probably forgot a < or [ or ( in your code and hate yourself immediately when you notice it#if you get frustrated take a break you'll notice your mistake in like an hour when you feel better#take care of yourself and your wrists also#I always work with a cup of my fav tea and with the BA playlist on repeat#which sounds cliche but listen to me it really really helps#when you release a game and someone points out a mistake for the first time it feels deathly embarrassing but#honestly no one cares as much as you think you're fine#anyway I think that covers it#and good luck to you anon!!
28 notes
·
View notes
Text
Hmmm...
I should probably make an introductory post by now.
Hello!
You may call me the Sojourner (going by the name of one of my own characters because it sounds couldn't than my actual name)
I'm 23, she/they pronouns, and my current project is an interactive science-fiction narrative about aliens, the deconstruction of religion, and the biblical apocalypse, taking place over the course of over two hundred years.
Seven passages are uploaded every Sunday at 7 AM, and these passages cover a few story arcs.
Oh, and it's also coded in basic HTML (I'll learn more HTML as I figure out how I want this to look like) which allows you to jump from one passage to another, exploring the narrative at your own pace.
Funnily enough, I consumed a LOT of classic sci-fi while conceptualizing/writing/coding this story, most notably, classic Doctor Who and the Dune series, so expect a load of Dune references and some plots that may have been inspired by some of my perosnal favorite classic who serials.
Also, Argentina.
A lot of ideas has been borrowed from Argentine literature, with the most notable one being the ideas/short stories of one Jorge Luis Borges (who is currently one of my all-time favorite writers)
Argentina (the country) is the main setting, with a few glimpses of minor characters round the world.
And while you're at it, here's a link to the Writer's log, if you will, where I am given the opportunity to ramble incessantly about what exactly goes on while I'm penning passages.
Anyways, I fear this introduction post has gone on a bit too long.
If any of you are interested in character introductions, I'll be sure to set them up real soon!
#writeblr#writers on tumblr#writing#writer#blog intro#introduction#intro post#introductory post#introduction post
7 notes
·
View notes
Text
~Introduction of a Phantom~
𝔙𝔢𝔫𝔤𝔢𝔞𝔫𝔠𝔢 𝔦𝔰 𝔦𝔫 𝔪𝔶 𝔥𝔢𝔞𝔯𝔱, 𝔡𝔢𝔞𝔱𝔥 𝔦𝔫 𝔪𝔶 𝔥𝔞𝔫𝔡,
𝔟𝔩𝔬𝔬𝔡 𝔞𝔫𝔡 𝔯𝔢𝔳𝔢𝔫𝔤𝔢 𝔞𝔯𝔢 𝔥𝔞𝔪𝔪𝔢𝔯��𝔫𝔤 𝔦𝔫 𝔪𝔶 𝔥𝔢𝔞𝔡.
-William Shakespearse (The Lamentable Tragedy of Titus Andronicus)
》═══════~◈~═══════《
AHAHAHAHAHAHAHA!
Why, hello there fellow Phantoms! You may wonder where you stumbled upon right now. Why, of course in my humble blog and intro! I finally found the chance to make a proper intro to my account, which will definitely need it for later when I start making proper posts and content. Either way, make yourself a cup of coffee and lemme introduce you a little about myself...
》═══════~◈~═══════《
"You BLEW it! You've totally SCREWED YOURSELF! Nobody enters my home and leaves in one piece!"
-The Snatcher (A Hat in Time)
》═══════~◈~═══════《
Part 1: About Me
My real name is Stelios, but you can call me PhantomSoda!
19-years-old Greek with the geeks!
He/Him, They/Them
Wannabe coder trying to learn code (keen into HTML, CSS, JS, C#/C++)
Creative Writer (currently writting an undisclosed AU)
Biggest simp for The Snatcher (A Hat in Time)
Movie aficionado (JIM JARMUSCH THE GOAT!!!)
》═══════~◈~═══════《
"You've got a date with death."
-Nina Williams (TEKKEN Tag Tournament 2)
》═══════~◈~═══════《
Part 2: Special Interests
TEKKEN
A Hat in Time
Death Note
Yakuza (videogame series)
Devil May Cry
Shin Megami Tensei: Persona
Programming
70s-80s-90s movies
Politics and sociopolitical commentaries.
》═══════~◈~═══════《
"'He who desires but acts not, breed pestilence.'
...so it is written."
- V (Devil May Cry 5)
》═══════~◈~═══════《
Part 3: Before You Interact/DNIs
Although my space is SFW and open for all walks of life, my blogs may feature content that is targeted towards mature audiences! The recommended age audience I am looking is 16+. I won't stop anyone from viewing my content if they do not meet the recommended age (unless it's deemed necessary for their safety), but don't say I didn't warned ya, kiddos! (The only exception to this rule is with one specific tag. Please refer to Part 4: Tags)
Just like the great Pericles said, "Just because you do not take an interest in politics doesn't mean politics won't take an interest in you.". With that, expect politics and a clueless guy who wants to go political trying to do that. If you do not like it, it's a you problem entirely. so please don't come to me saying to be less political or some shit.
Basic DNI applies, so no weirdos or suspicious people to not trust. Additionally, please don't interact with me if you're in support of gen-AI, support that orange felon and his fuckbuddies, or identify as either a centrist, (Neo)liberal or pro-USSR Communist. You kind of people are genuine psychopaths and I hope you get executed by firing squad.
》═══════~◈~═══════《
"Might controls everything. And without strength, you cannot protect anything... Let alone yourself."
-Vergil (Devil May Cry 3: Dante's Awakening)
》═══════~◈~═══════《
Part 4: Tags
#PhantomSoda VS Bears with Martial Art Skills - "What do you mean bears that know martial arts?!". Don't worry. That's just TEKKEN for ya, where you can fight against characters of many ethnicities, even bears. This tag will be used for TEKKEN gameplay and clips.
#They Machine gun on my Uppercut - If you played Dee Jay in Street Fighter, you'll get the reference. This tag will be used for any gameplay related to Street Fighter!
#Words Of Shadows - Words don't just speak of stories and ideals. They speak directly to your soul. This tag will be found on any written works of mine.
#Project Soul Thread - A temporary tag for my undisclosed A Hat in Time AU. Teasers, small bits and stuff will be under that tag. (WARNING: CONTENT RELATED TO THIS TAG (AND LATER TAGS WHEN I DISCLOSE OF THE AU) ARE STRICTLY FOR 16-18+ AUDIENCES, AS THEY MAY AND WILL INCLUDE EXTREME VIOLENCE AND HEAVY THEMES LIKE DEPRESSION, MENTAL INSANITY AND SOCIOPOLITICAL COMMENTARY! If you are not of this age group and I find you've engaged into such content with proof of being not of my target audience, expect a warn! Fail to comply a second time, and you'll be BLOCKED)
#Its Geeking Time - Website stuff? Coding? Game Dev? All of that can be found here!
》═══════~◈~═══════《
"Know what? You're starting to remind me of me, 50 years back.
...Minus the charisma. And impressive cock."
-Johnny Silverhand (Cyberpunk 2077)
》═══════~◈~═══════《
Outro
And that's pretty much all there is to it! Of course that intro will be updated as time goes and stuff. Either way, if you reached the end, I love ya and you deserve a soda or whatever you like. If you find me cool, feel free to follow me and stay tuned for future posts of mine! Until then, smell ya later, Phantoms!
》═══════~◈~═══════《
Post History Log
(date format is dd/mm/yyyy)
12/03/2025 - Initial upload
30/05/2025 - Added a hashtag for Street Fighter gameplay
#ahit snatcher#tekken#persona 5#html#unity#death note#coding#creative writing#intro post#a hat in time#introductory post#pinned intro#movies#films#Spotify#au
2 notes
·
View notes